.allmargin-10 { margin: 10px !important; }

.leftmargin-10 { margin-left: 10px !important; }

.rightmargin-10 { margin-right: 10px !important; }

.topmargin-10 { margin-top: 10px !important; }

.bottommargin-10 { margin-bottom: 10px !important; }

.clear-bottommargin-10 { margin-bottom: -10px !important; }

.topic-box{height: 150px;display:flex;align-items:center;}

.fullwidth{width:100%;}
/*
.promo.topic-completed{background-color: #333;}
.topic-completed h3, .topic-completed.topic-active{color: white;}
.topic-box h3{color: #cfcfcf;}

.topic-box.topic-active h3{color:inherit;}
.topic-box.topic-active, .topic-box.topic-completed{cursor: pointer;}
.topic-box{cursor: not-allowed;}
*/

#page-title{padding:25px 0;}
#page-title h1{font-size: 20px;}

#topic-menu{background-color:#f5f5f5;margin-bottom: 0;border-bottom: none;}
#topic-menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
#topic-menu > ul {
    float: left;
}
#topic-menu ul li {
    position: relative;
    padding: 25px 35px;
    font-size: 19px;font-weight: 400;
    text-transform: uppercase;
    color:black;
}
#topic-menu ul > li {
    float: left;
    margin-left: 2px;
    cursor: pointer;
}
#topic-menu > ul > li:first-child {
    margin-left: 0;
}

#topic-menu ul li.active{background-color: #027498;color: white;}
#topic-menu ul li.disabled{cursor: not-allowed;}
.topic-heading, .module-heading{
    padding: 15px 0;
    border: none!important;
    float: left;    
    margin: 0;
    margin-left: 15px;
}
.navbar-default .navbar-toggle.topic-heading:hover{background-color: transparent;}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-toggle-margin{
        margin-right: 30px !important;
    }
    .collapse.in{
            display:block !important;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .instruction-wrapper{padding-left: 0px; }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .module-heading{width:79%;text-align: center;}
    .topic-heading{width:79%;text-align: center;}
    .instruction-heading{text-align: left;}
    .player-wrapper{padding: 0px !important;}
}
@media (min-width: 768px) {
    .instruction-wrapper{padding-left: 30px;}
}

#module-menu{background-color: #027498;border-top: none;}


#module-menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
#module-menu > ul {
    float: left;
}
#module-menu ul li {
    position: relative;
    padding: 14px 20px;
    font-size: 15px;font-weight: 400;
    text-transform: uppercase;
    color: white;
}
#module-menu ul > li {
    float: left;
    margin-left: 2px;
}
#module-menu > ul > li:first-child {
    margin-left: 0;
}
#module-menu li.active{background-color: #2294b8;color: white;}

#topic-navbar > ul li{
    border-right: 1px solid #e0e6e4;
}
#topic-navbar > ul li:nth-child(1):not(.active){
    border-left: 1px solid #e0e6e4;
}
/*
#topic-navbar > ul li.topic-selected!li{
    border-right: none;
}*/
.module-heading{color: white;}

#topic-menu .navbar-toggle,
#module-menu .navbar-toggle{
    border:none;
}
.course-info-box{
    background-color: #f5f5f5;
    padding:20px 20px;
}
.content-wrap-course{
    padding: 20px 0 40px; 
}
.box-heading{color:#637382;font-size: 18px;margin-bottom: 10px;}
.course-info-box hr{
    border-color:#9c9fa2;
}
.instruction-heading,.modular-heading{
    color:black;font-size: 30px;margin-bottom: 10px;
    text-transform: inherit;
}


.izw_single,.mod_izw_single{
    clear:both;
    background-color:#f5f5f5;
    padding: 20px 30px;
    margin-top:10px;
}
instruction_quiz_wrapper {padding-top: 1px;display:none;}
instruction_quiz_wrapper, #module_quiz_wrapper h4,instruction_quiz_wrapper, #module_quiz_wrapper h6{color:#017398;margin-bottom: 0;}
.izw_question,.mod_izw_question{font-size: 17px;padding-bottom: 15px;}
.izw_choice,.mod_izw_choice{margin-bottom: 5px;}
.izw_choices checkbox,.mod_izw_choices checkbox{margin-right: 10px;}
.izw_choices label,.mod_izw_choices label{color:#3b3b3b;text-transform: inherit;font-weight: normal;}
.radio-style:checked + .radio-style-2-label:before{background-color:#027498;}
.checkbox-style-1-label:before, .radio-style-1-label:before, .checkbox-style-2-label:before, .radio-style-2-label:before, .checkbox-style-3-label:before, .radio-style-3-label:before{
    border-color: grey;
    height: 21px;
    width: 21px;
}
.mejs-container .mejs-controls{background-color:rgba(255, 255, 255, 0.8) !important;}
.izw_buttons,.mod_izw_buttons{margin-top:10px;}
.content-wrap-course .widget_links li.active a{
    color: #017398;
}
.content-wrap-course .widget_links li{clear:both;overflow: hidden;padding-bottom: 15px;}
#form_user_register .form-group{margin-bottom: 0;}

button.quiz_prev[disabled="disabled"]{
    opacity: .5;
    cursor: not-allowed;
}
button.quiz_prev[disabled="disabled"]:hover{
    background-color:#40c0cb;
}
button.quiz_next[disabled="disabled"]{
    opacity: .5;
    cursor: not-allowed;
}
button.quiz_next[disabled="disabled"]:hover{
    background-color:#40c0cb;
}

.mejs-container {
    max-width: 100%;
    max-height: 100%;
    background: transparent !important;
}
.time-info-box{
    margin-bottom: 15px;
}
.time-elasped{
    font-size: 15px;
}
#after_media_end {
    /*margin-top:-90px;*/
}
.alert-popup{
    /*position: absolute;*/
    width:100%;
    display: none;
    border:1px solid rgba(99,115,130, .05);
    /*-webkit-box-shadow: 6px 6px 42px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 42px -13px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 42px -13px rgba(0,0,0,0.75);*/
    text-align: center;
    background-color: rgba(250,250,250,.97);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    /*box-shadow: 0 1px 1px 0 #dfdfdf;*/
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
}
.player-wrapper{padding: 0 15px;}
.answer-correct, .answer-wrong,.answer-missed{
    font-size:20px;
    margin-left: 5px;
    margin-top: -2px;
}

.size_val{
    font-size:17px;
}

.answer-correct{color:#2ecc71;}
.answer-wrong{color:#e74c3c;}
.answer-missed{ color:blue; }
#after_instruction_end{

}
.widget_links li a{cursor: pointer;}
.widget_links li.disabled a, .widget_links li.disabled i{cursor: not-allowed;color: #c2c2c2;}
#module-navbar ul li{cursor: pointer;}
#module-navbar li.disabled{cursor: not-allowed;}
#header-wrap{border-bottom: 1px solid #EEE;}
#topic-menu.navbar{border:none;}
#overlay_div{
    bottom: 0;
    display: none;
    left: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    background-color: rgba(255,255,255,.8);
    text-align: center;
}
#overlay_div .loading {
    padding: 5px;
    border-radius: 5px;
    color: #000;
    background-color: #fff;
    position:relative;
    top:50%;
}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.inner-padding{padding-left: 50px;}
ul.inner-padding li{padding-bottom: 5px;}
.pt20{padding-top: 20px;}
form .col_full > .form-group, form .col_half > .form-group, form .col_one_third > .form-group, form .col_two_third > .form-group, form .col_three_fourth > .form-group, form .col_one_fourth > .form-group, form .col_one_fifth > .form-group, form .col_two_fifth > .form-group, form .col_three_fifth > .form-group, form .col_four_fifth > .form-group, form .col_one_sixth > .form-group, form .col_five_sixth{margin-bottom: 0px;}
form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth{margin-bottom: 15px;}
.mb0{margin-bottom: 0;}
.player-wrapper .col_half.mb0{
    //margin-left: 10px;
    //margin-right: 5px;
}

#overlay_pause_div{
    bottom: 0;
    display: none;
    left: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    background-color: rgba(255,255,255,.8);
    text-align: center;
}
#overlay_pause_div .loading {
    padding: 5px;
    border-radius: 5px;
    color: #000;
    background-color: #fff;
    position:relative;
    top:50%;
}

.noticemsg{
    background: lightyellow none repeat scroll 0 0;
    color: gray;
}

#pad{
	width: 347px;
	margin: 0px auto 100px;
        position: fixed;
        right: 0;
        z-index: 100000000;
}

#note{
	font: normal 15px 'Courgette', cursive;
	line-height: 17px;
	color:#444;
	background: url('../images/note/note_mid.png') repeat-y;
	display: block;
	border: none;
	width: 347px;
	min-height: 170px;
	overflow: hidden;
	resize: none;
	outline: 0px;
	padding: 0 10px 0 35px;
        border:1px solid grey;
}

#pad h2{
	background: url('../images/note/note_header.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	height: 45px;
	position: relative;
        cursor:move;
}

//#pad:after{
//	position:absolute;
//	content:'';
//	background:url('../images/note/note_footer.png') no-repeat;
//	width:100%;
//	height:40px;
//}
.required::after{
    color: red;
    content: "*";
    font-size: 16px;
}

.icon_head{
    background: url('../images/note/note_header.png') no-repeat;
    background-position: 10px;
    height: 45px;
    background-position:-5px 0px
}

.note_icon{
    padding:8px 5px;
    font-size:19px;
    color:white;
}

.button-grey,.button-grey:hover{
    background-color: grey ! important;
    border: 1px solid grey ! important;
}

#start_final_exam[disabled="disabled"]{
    opacity: .3;
    cursor: not-allowed;
}

.warn_qstn{
  color: #aa12fe;
  font-style: normal;
}